<template>
	<view class="box text-center">
		<view class="e-flex-xy-center e-m-b-38">
			<app-image :size="['320rpx','224rpx']" src="order/error.png"
				/>
		</view>
		<view class="e-m-b-30">
			{{$t('order.支付失败')}}
		</view>
		<view class="e-m-b-40">
			{{msg}}
		</view>
		<view class="e-flex">
			<button class="e-m-r-20" @tap="backHome">{{$t('order.返回首页')}}</button>
			<button @tap="$back()" >{{$t('order.重新支付')}}</button>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				msg:''
			}
		},
		onLoad(opt) {
			this.msg = opt.msg
		},
		methods:{
			backHome () {
				this.$switchTab('/pages/yuncang/index')
			}
		}
	}
</script>

<style lang="scss" scoped>
	.box{
		padding-top: 158rpx;
		margin: 0 auto;

		button{
			width: 278rpx;
			height: 90rpx;
			line-height: 90rpx;
			border-radius: 45rpx;
			border: 2rpx solid #303133;
			font-size: 30rpx;
		}
	}

</style>
